/*!************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@7.1.1@css-loader/dist/cjs.js!./src/pages-pc/home/home.css ***!
  \************************************************************************************************/
.home-ours {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    align-items: center;
    width: 100%;
}

.home-ours-name {
    margin-top: 80px;
    margin-bottom: 60px;
    font-weight: 700;
    font-size: 32px;
    color: rgba(0, 0, 0, 0.8);
}

.home-ours-row {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

.home-ours-item {
    height: 116px;
    width: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.home-ours-item div {
    display: flex;
    height: 84px;
    align-items: baseline;
    color: rgba(13, 153, 255, 1);
}

.home-ours-item div h2 {
    margin: 0;
    font-size: 56px;
    font-weight: 700;
}

.home-ours-item div span {
    font-size: 24px;
    font-weight: 400;
}

.home-ours-item .home-ours-desc {
    font-size: 20px;
    font-weight: 400;
    margin-top: 4px;
    color: rgba(0, 0, 0, 0.8);
}



/*!*********************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@7.1.1@css-loader/dist/cjs.js!./src/pages-pc/home/header-banner.css ***!
  \*********************************************************************************************************/
.home-header {
  position: relative;
  width: 100%;
  height: 1054px;
  max-height: 1054px;
  white-space: nowrap;
  min-height: 1054px;
  display: flex;
  flex-direction: column;
  align-items: center;
}


.home-header-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  left: 0;
  top: 0;
}

.home-header-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 10;
  align-items: center;
}

.home-header-content h1 {
  color: rgba(0, 0, 0, 0.8);
  font-size: 48px;
  font-weight: 700;
  margin: 60px 0 12px 0;
}

.home-header-content p {
  margin: 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  height: 28px;
}


.home-header-dl {
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 10px;
}

.home-header-dl-btn {
  display: flex;
  align-items: center;
  border-radius: 27px;
  height: 54px;
  width: fit-content;
  justify-content: center;
  background: linear-gradient(93.22deg, #26A6FF 26.6%, #47EFAD 91.24%);
  color: white;
  font-size: 18px;
  font-weight: 500;
  padding: 0 28px;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

.home-header-dl-btn:hover {
  background: linear-gradient(93.22deg, #0096FF 26.6%, #32ECA3 91.24%) !important;
}


.home-header-dl-btn img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.home-header-desc {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.header-product-img {
  width: 1170px;
  height: 588px;
  min-height: 588px;
}

.header-desc-row {
  display: flex;
  align-items: center;
}

.header-desc-item {
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  white-space: nowrap;
  margin-right: 55px;
  align-items: center;
}

.header-desc-item img {
  height: 70px;
  width: 70px;
  margin-bottom: 6px;
}
/*!**********************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@7.1.1@css-loader/dist/cjs.js!./src/pages-pc/home/product-banner.css ***!
  \**********************************************************************************************************/


.home-product{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 80px;
  }
  
  .product-name{
    font-size: 32px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    margin-top: 80px;
    margin-bottom: 32px;
    width: 100%;
    text-align: center;
  }
  
  .product-banner{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1448px;
  }
  
  .product-scoll-banner{
    display: flex;
    align-items: center;
    /* overflow-x: scroll; */
    justify-content: center;
    width: 1448px;
  }
  
  .product-scoll-banner::-webkit-scrollbar {
    display: none;
  }
  
    /**注销 **/
  .swiper-wrapper-product{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1448px;
    gap: 40px;
  
  }
  
  .swiper-product{
    display: flex;
    align-items: center;
    width: 100%;
  }
  
  
  .product-banner-item{
    display: flex;
    width: 144px;
    height: 116px;
    max-width: 144px;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 400;
    text-decoration: none;
  }

  .product-banner-item h2{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
  }
  
  .product-banner-item p{
    display: none;
  }

  .product-banner-item img{
    height: 84px;
    width: 84px;
    border: 1.05px solid rgba(0, 0, 0, 0.05);
    border-radius: 21px;
    margin-bottom: 8px;
  }

  .product-banner-item:hover{
    font-weight: 700;
    text-decoration: underline;
  }
  
  .product-banner-btn{
    height: 36px;
    width: 36px;
    cursor: pointer;
  }
  .product-banner-btn img{
    height: 36px;
    width: 36px;
  }
/*!************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@7.1.1@css-loader/dist/cjs.js!./src/pages-pc/home/func.css ***!
  \************************************************************************************************/
.home-func {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(180deg, #F8FAFD 0%, #FFFFFF 100%);
  width: 100%;
}

.home-func h3 {
  font-size: 44px;
  color: rgba(0, 0, 0, 0.8);
  margin: 120px 0 72px 0;
  font-weight: 700;
}

.home-func-item {
  display: flex;
  width: 1440px;
  min-width: 1440px;
  align-items: flex-start;
  margin-bottom: 90px;
}

.func-desc-root {
  display: flex;
  flex-direction: column;
}

.func-item-space {
  width: 80px;
  min-width: 80px;
}

.func-row {
  display: flex;
  margin-top: 69px;
  align-items: center;
}

.func-row img {
  height: 52px;
  width: 52px;
  margin-right: 8px;
}

.func-row h2 {
  color: rgba(0, 0, 0, 0.8);
  font-size: 28px;
  margin: 0;
}

.func-grid {
  margin: 16px 0 12px 0;
  display: flex;
}

.func-grid span {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  color: rgba(0, 0, 0, 0.8);
  padding: 0 20px;
  border-radius: 6px;
  border: 1px solid rgba(79, 234, 223, 0.3);
  background: linear-gradient(99.72deg, rgba(79, 234, 223, 0.2) 7.31%, rgba(38, 166, 255, 0.2) 83.17%);
  margin-right: 16px;
}

.func-desc {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}


.home-func-dl {
  display: flex;
  align-items: center;
  margin-top: 28px;
}

.home-func-dl-btn {
  display: flex;
  align-items: center;
  border-radius: 27px;
  height: 54px;
  width: fit-content;
  justify-content: center;
  background: linear-gradient(93.22deg, #26A6FF 26.6%, #47EFAD 91.24%);
  color: white;
  font-size: 18px;
  font-weight: 500;
  padding: 0 28px;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

.home-func-dl-btn:hover{
  background: linear-gradient(93.22deg, #0096FF 26.6%, #32ECA3 91.24%) !important;
}

.home-func-dl-btn img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}


.func-desc-img {
  border-radius: 24px;
  width: 900px;
  height: 490px;
  min-width: 900px;
}

.home-func-bottom {
  display: flex;
  align-items: center;
  margin-bottom: 120px;
}

.home-func-bottom-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 464px;
  height: 370px;
  min-height: 370px;
  margin-right: 24px;
  border-radius: 24px;
  box-sizing: border-box;
  overflow: hidden;
}

.home-func-bottom-item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 24px;
}

.home-func-bottom-item div {
  color: rgba(0, 0, 0, 0.8);
  font-size: 22px;
  font-weight: 700;
  z-index: 10;
  margin-top: 32px;
  padding: 0px 32px;
}

.home-func-bottom-item span {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 4px;
  padding: 0px 32px;
  z-index: 10;
  line-height: 28px;
}
/*!*************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@7.1.1@css-loader/dist/cjs.js!./src/pages-pc/home/sence.css ***!
  \*************************************************************************************************/
.home-sence{
    display: flex;
    flex-direction: column;
    background-color: white;
    align-items: center;
    width: 100%;
}

.home-sence h3{
    margin-top: 72px;
    margin-bottom: 48px;
    font-weight: 700;
    font-size: 44px;
    color: rgba(0, 0, 0, 0.8);
}


.home-setup-row{
    width: 1440px;
    display: flex;
    border-radius: 24px;
    height: 354px;
    min-height: 354px;
    background: linear-gradient(180deg, rgba(216, 235, 255, 0.5) 0%, rgba(216, 235, 255, 0) 97.58%);
    justify-content: center;
    margin-bottom: 64px;
}

.home-setup-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 350px;
    margin-top: 36px;
    height: 286px;
    margin-right: -16px;
}

.home-setup-item img{
    width: 300px;
    height: 166px;
}

.home-setup-item-row{
    display: flex;
    margin-top: 16px;
    align-items: baseline;
}

.home-setup-item-row div{
    font-size: 36px;
    font-weight: 900;
    color: rgba(13, 153, 255, 1);
    margin-right: 4px;

}

.home-setup-item-row span{
    color: rgba(0, 0, 0, 0.8);
    font-size: 20px;
    font-weight: 700;
}

.home-setup-item p{
    margin: 0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}

.setup-item-arrow{
    height: 14px;
    width: 104px;
    margin-top: 112px;
    margin-right: -16px;
}

.home-sence-row{
    display: flex;
    align-items: center;
    margin-bottom: 136px;
}

.home-sence-item{
    display: flex;
    width: 252px;
    height: 292px;
    flex-direction: column;
    align-items: center;
    margin-right: 45px;
}

.home-sence-item img{
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    margin-top: 24px;
}

.home-sence-item div{
    color: rgba(0, 0, 0, 0.8);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}

.home-sence-item p{
    margin: 0;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    padding: 0 21px;
    line-height: 28px;
    text-align: center;
}


/*!***********************************************************************************************!*\
  !*** css ./node_modules/_css-loader@7.1.1@css-loader/dist/cjs.js!./src/pages-pc/home/eva.css ***!
  \***********************************************************************************************/
.home-eva{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #fff;
}

.home-eva h3{
    color: rgba(0, 0, 0, 0.8);
    font-size: 44px;
    font-weight: 700;
    margin-top: 72px;
    margin-bottom: 48px;
}



  .home-eva-swiper-indicator{
    height: 8px;
    display: flex;
    align-items: center;
    margin-bottom: 82px;
  }
  
  .eva-swiper-indicator-dot{
    height: 8px;
    width: 8px;
    margin-right: 6px;
    border-radius: 50%;
    cursor: pointer;
    background: rgba(13, 153, 255, 0.2);
  }

  .eva-swiper-indicator-dot-cur{
    background: rgba(13, 153, 255, 1) !important;
  }


  .swiper-wrapper {
    height: 100%;
    cursor: pointer !important;
  }
  
  .eva-banner {
    width: 100%;
    margin-bottom: 32px;
    box-sizing: border-box;
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  
  .eva-banner-btn-row{
    width: 1356px;
    height: 50px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .eva-banner-btn {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid rgba(13, 153, 255, 0.4);
    background: rgba(13, 153, 255, 0.1);
    border-radius: 50%;
    backdrop-filter: blur(10px);
  }

  .eva-banner-btn:hover {
    background: rgba(13, 153, 255, 0.2);
    border: 1px solid rgba(13, 153, 255, 0.5)
  }
  
  .eva-banner-btn img {
    height: 50px;
    width: 50px;
  }
  
  .eva-scoll-banner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    overflow-x: scroll;
    /* background-color: rgba(0, 0, 0, 0.1); */
  }
  
  .eva-scoll-banner::-webkit-scrollbar {
    display: none;
  }
  
  .eva-banner-item {
    display: flex;
    width: 1000px;
    height: 250px;
    min-height: 250px;
    min-width: 1000px;
    border-radius: 20px;
    align-items: center;
    flex-direction: column;
    opacity: 0.2;
  }

  .swiper-slide-active{
    opacity: 1 !important;
  }
  
  .eva-banner-item-bg {
    height: 100%;
    width: 100%;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 20px;
  }
  
  .eva-banner-item-content{
    width: 100%;
    display: flex;
    height: 100%;
    z-index: 10;
    flex-direction: column;
    padding: 48px;
  }

  .eva-item-user{
    display: flex;
    align-items: center;
    margin-bottom: 28px;
  }

  .eva-user-avatar{
    width: 54px;
    height: 54px;
    border-radius: 50%;
    margin-right: 16px;
  }

  .eva-item-user-col{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .eva-item-user-col span{
    color: rgba(0, 0, 0, 0.8);
    font-size: 18px;
    font-weight: 700;
  }

  .eva-item-user-col img{
    width: 74px;
    height: 14px;
    margin-top: 2px;
  }

  .eva-banner-item-content p{
    margin: 0;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
  }



/*!****************************************************************************************************!*\
  !*** css ./node_modules/_css-loader@7.1.1@css-loader/dist/cjs.js!./src/pages-pc/home/question.css ***!
  \****************************************************************************************************/


.home-question{
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(216, 235, 255, 0.2) 77.19%, rgba(216, 235, 255, 0.5) 102.23%);
    align-items: center;
    width: 100%;
}

.home-question h3{
    color: rgba(0, 0, 0, 0.8);
    font-size: 44px;
    font-weight: 700;
    margin-top: 72px;
    margin-bottom: 48px;
}

.home-question-item{
    display: flex;
    flex-direction: column;
    width: 1440px;
    min-width: 1440px;
    padding: 24px 0;
    cursor: pointer;
}

.home-question-row{
    display: flex;
    width: 100% ;
    height: 28px;
    margin-bottom: 16px;
    overflow: hidden;
}

.home-question-row > :nth-child(1){
    height: 24px;
    width: 24px;
    margin-right: 8px;
}

.home-question-row > :nth-child(3){
    height: 28px;
    width: 28px;
}

.home-question-row span{
    font-size: 20px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    text-align: left;
    flex: 1;
}

.home-question-item:hover .home-question-row > :nth-child(3){
   transform: translateY(-480px); 
  filter: drop-shadow(rgba(51, 51, 51, 1) 0 480px);
}

.home-question-item p{
    display: none;
    margin: 0;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.home-question-split{
    height: 1px;
    width: 1440px;
    min-width: 1440px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 8px 0;
}

.home-question-help{
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
    margin-top: 56px;
    margin-bottom: 8px;
    width: 1440px;
    min-width: 1440px;
}

.home-question-help div{
    flex: 1;
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    font-size: 22px;
}

.a-link-help{
    display: flex;
    cursor: pointer;
    align-items: center;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.4);
    text-decoration: none;
    overflow: hidden;
}

.a-link-help img{
    width: 16px;
    height: 16px;
    margin-left: 2px;
}

.a-link-help:hover{
    text-decoration: underline;
}

.home-question-link-grid{
    display: flex;
    flex-wrap: wrap;
    width: 1440px;
    min-width: 1440px;
    justify-content: space-between;
    margin-bottom: 112px;
}

.home-question-link{
    margin-top: 16px;
    display: flex;
    align-items: center;
    width: 464px;
    box-sizing: border-box;
    height: 70px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 0 24px;
    text-decoration: none;
}

.home-question-link:hover {
    border: 1px solid rgba(13, 153, 255, 1);
}

.home-question-link:hover p{
    color: rgba(13, 153, 255, 1) !important;
}

.home-question-link:hover span{
    color: rgba(13, 153, 255, 1) !important;
}

.home-question-link p{
    margin: 0;
    flex: 1;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    font-size: 18px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-question-link span{
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
    margin-left: 50px;
}



.home-news-row{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-top: 56px;
    margin-bottom: 112px;
}

.home-news-card{
    display: flex;
    flex-direction: column;
    height: 577px;
    width: 560px;
    margin-right: 24px;
    background: rgba(255, 255, 255, 1);
    border-radius: 24px;
    overflow: hidden;
}

.home-news-header{
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    height: 140px;
}

.home-news-header div{
    display: flex;
    z-index: 10;
    margin-left: 38px;
    flex-direction: column;
}
.home-news-header div h3{
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    color: white;
}

.home-news-header div span{
    background: white;
    width: 18px;
    height: 5px;
    border-radius: 2.5px;
    margin: 7px 0 0 9px;
}

.home-news-header .news-header-bg{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.home-news-header .news-header-icon{
    height: 140px;
    width: 274px;
    position: absolute;
    right: 0;
    top: 0;
}

.home-news-list{
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1;
    padding: 12px 20px 16px 20px;
    box-sizing: border-box;
}

.home-news-item{
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    height: 40px;
    margin-top: 4px;
    text-decoration: none;
}

.home-news-item .home-news-anim{
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    
}

.home-news-item .home-news-anim .news-icon{
    overflow: hidden;
}

.home-news-item .home-news-anim:hover .news-name{
    color: rgba(0, 148, 255, 1);
}

.home-news-item .home-news-anim:hover .news-icon img{
    
    overflow: hidden;
    transform: translateY(-480px); 
    filter: drop-shadow(rgba(0, 148, 255, 1) 0 480px);
}



.home-news-item .home-news-anim::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 2px solid rgba(0, 148, 255, 1);/*设置底部边颜色*/
    width: 0;
    height: 100%;
}
.home-news-item .home-news-anim:hover::before{/*鼠标hover，状态发生改变*/
    width: 100%;
    transition: 0.1s all linear;/*设置过度时间*/
    transition-delay: 0.1s;/*过度延时*/
}


.home-news-item .home-news-anim .news-icon img{
    height: 28px;
    width: 28px;
    margin-right: 4px;
}

.home-news-item .home-news-anim .news-name{
    text-align: left;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 320px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
}

.home-news-item .news-date{
    font-size: 14px;
    flex: 1;
    text-align: right;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 400;
}

.home-news-card-more{
    border-top: 1px solid rgba(232, 235, 242, 1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    min-height: 56px;
    width: 100%;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
}

.home-news-card-more img{
    height: 16px;
    width: 16px;
    margin-left: 2px;
}